$(function () {
    selectAboutUs();
})

function selectAboutUs() {
    $.ajax({
        url:'/back/aboutUs/findAboutUs',
        data:'',
        dataType:'json',
        type:'get',
        success:function (data) {
            data = data.list;
            let html='';
            for (let i=0;i<data.length;i++){
                html+='<tr>\n' +
                    '            <td>'+data[i].id+'</td>\n' +
                    '            <td>'+data[i].title+'</td>\n' +
                    '            <td><img src="/back/img'+data[i].bgimg+'" width="150px"/></td>\n' +
                    '            <td><div class="content">'+data[i].content+'</div></td>\n' +
                    '            <td><a href="javascript:edit('+data[i].id+')">编辑</a>&nbsp;' +
                    '            </td>\n' +
                    '        </tr>';
            }
            $("#findAboutUs").html(html);
        }
    });
}
function edit(id) {
    $.ajax({
        url:'/back/aboutUs/updatAboutUs',
        data:{id:id},
        dataType:'json',
        type:'get',
        success:function (data) {
            data = data.aboutUsModel;
            let html='';
            html+='<div>主题名称：<input id="title" type="text" value='+data.title+'></div>\n' +
                '    <div>主题背景：<input id="bgimg" type="file" onclick="hide()" value='+data.bgimg+'/></div>\n' +
                '    <div><img id="img" src="/back/img'+data.bgimg+'" width="120px" style="margin-left: 52px"/></div>\n' +
                '    <div>“关于我们”信息：<textarea id="content">'+data.content+'</textarea></div>\n' +
                '    <div><button onclick="updateAboutUs()">确定修改</button></div>';
            $("#editAboutUs").html(html);
        }
    })
}
function hide() {
    $("#img").attr("src","");
}
//更新HeadandFoot的信息
function updateAboutUs() {
    let data = new FormData();
    data.append("title",$("#title").val());
    data.append("bgimg",$("#bgimg")[0].files[0]);
    data.append("content",$("#content").val());
    $.ajax({
        url:'/back/aboutUs/updatAboutUs',
        data:data,
        dataType:'json',
        type:'post',
        contentType:false ,
        processData: false,
        success:function (data) {
            console.log(data)
            if (data.result==1){
                alert("更新成功");
            }else {
                alert("更新失败");
            }
        }
    })
}